<!DOCTYPE html>
<html style="font-size:0px">

<head>
  <title>彩龙会务_手机版_首页</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
  <script type="text/javascript">
  (function(doc, win) {
    var docEl = doc.documentElement,
      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
      recalc = function() {
        var clientWidth = docEl.clientWidth;
        if (!clientWidth) return;
        var ft = 320 / 10.8 * (clientWidth / 320);
        docEl.style.fontSize = (ft > 65 ? 65 : ft) + 'px';
      };
    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
  })(document, window);
  </script>
  <link rel="stylesheet" href="../js/css/layui.css" media="all">
  <link rel="stylesheet" href="../css/swiper-3.4.0.min.css" media="all">
  <link rel="stylesheet" href="../css/phone.css">
</head>

<body id="view_home">

  <script id="DetailContent" type="text/html">
  <div class="detail-wrap">
      <div class="detail">
        <h1>{{ d.title }}</h1>
        <div class="time">
          时间: {{ d.time }}
        </div>
        <div class="content">
         {{d.content}}
        </div>
      </div>
    </div>

</script>
  <!-- common_header begin -->
  <div id="header">
    <a href="#" class="goback"><i class="icon icon-arrowL"></i></a>
    <h1>概况</h1>
  </div>
  <!-- common_header end -->
  <!-- sec1 begin -->
  <div class="section sec1">
    <div class="wrap">
      <!-- 一级导航 begin -->
      <div class="hd-lv1">
        <div class="menu-lv1 on">概况</div>
        <div class="menu-lv1">参会</div>
        <div class="menu-lv1">互动</div>
        <div class="menu-lv1">资讯</div>
      </div>
      <!-- 一级导航 end -->
      <div class="bd">
        <!-- 1级tab begin -->
        <div class="tab-lv1" id="meetingS1">
          <div class="hd-lv2">
            <div class="menu-lv2 on">基本信息</div>
            <div class="menu-lv2">详细信息</div>
          </div>
          <div class="swiper-container">
            <div class="tabs swiper-wrapper">
              <!-- 2级tab begin -->
              <div class="tab-lv2 swiper-slide">
                <h1>云南互联网大会</h1>
                <div class="content">
                  <p>Lorem ipsum.</p>
                  <p>Lorem ipsum.</p>
                </div>
              </div>
              <!-- 2级tab end -->
              <!-- 2级tab begin -->
              <div class="tab-lv2  swiper-slide">
                <h1>会议详情</h1>
                <div class="content">
                  <p>Lorem ipsum.</p>
                  <p>Lorem ipsum.</p>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque magnam maiores sed molestias possimus, quis at obcaecati illum? Itaque, dolore?</p>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus esse optio, recusandae provident nam impedit nostrum sed adipisci, in delectus laudantium sit soluta, atque voluptatum enim libero perspiciatis perferendis labore accusantium sunt ratione. Cupiditate nostrum, molestiae nesciunt dolore quo velit omnis dolor impedit soluta nam adipisci necessitatibus eum deserunt culpa?</p>
                </div>
              </div>
              <!-- 2级tab end -->
            </div>
          </div>
        </div>
        <!-- 1级tab end -->
        <!-- 1级tab begin -->
        <div class="tab-lv1" id="meetingS2">
          <div class="hd-lv2">
            <div class="menu-lv2 on">邀请函</div>
            <div class="menu-lv2">会议材料</div>
            <div class="menu-lv2 ">报名 </div>
            <div class="menu-lv2">签到</div>
          </div>
          <div class="swiper-container">
            <div class="tabs  swiper-wrapper">
              <!-- 2级tab begin -->
              <div class="tab-lv2 swiper-slide">
                <div class="content invitation">
                  <img src='../images/ppr_home_img1.png' alt='' />
                </div>
              </div>
              <!-- 2级tab end -->
              <!-- 2级tab begin -->
              <div class="tab-lv2 swiper-slide">
                <h1>会议材料</h1>
                <div class="content paper-list">
                  <ul class="list" id="PaperList">
                    <li><a href="#">1.会议材料序号1</a></li>
                    <li><a href="#">2.会议材料序号2</a></li>
                    <li><a href="#">3.会议材料序号3</a></li>
                    <li><a href="#">4.会议材料序号4</a></li>
                    <li><a href="#">5.会议材料序号5</a></li>
                  </ul>
                </div>
              </div>
              <!-- 2级tab end -->
              <!-- 2级tab begin -->
              <div class="tab-lv2 swiper-slide">
                <h1>报名</h1>
                <div class="content entry-form">
                  <form action="" class="layui-form form1">
                    <div class="line line-phone">
                      <div class="item-des">姓名</div>
                      <input class="cl-input input-name" type="text" placeholder="" lay-verify="username">
                    </div>
                    <div class="line line-phone">
                      <div class="item-des">电话</div>
                      <input class="cl-input input-phone" type="text" placeholder="" lay-verify="phone">
                    </div>
                    <div class="line line-address">
                      <div class="item-des">住址</div>
                      <div class="cl-select">
                        <select name="interest" lay-filter="selc-lv1">
                          <option value="0">云南省</option>
                          <option value="1">阅读</option>
                        </select>
                        <select name="interest" lay-filter="selc-lv2">
                          <option value="0">昆明市</option>
                          <option value="1">阅读阅读阅读阅读</option>
                        </select>
                        <select name="interest" lay-filter="selc-lv3">
                          <option value="0">五华区</option>
                          <option value="1">阅读</option>
                        </select>
                      </div>
                    </div>
                    <div class="line line-submit">
                      <button lay-submit class="cl-btn" lay-filter="signInByCode">报名</button>
                    </div>
                  </form>
                </div>
              </div>
              <!-- 2级tab end -->
              <!-- 2级tab begin -->
              <div class="tab-lv2 swiper-slide">
                <div class="content signIn">
                  <p>扫描二维码进行签到.</p>
                  <img src='../images/flash1.jpg' alt='' />
                </div>
              </div>
              <!-- 2级tab end -->
            </div>
          </div>
        </div>
        <!-- 1级tab end -->
        <!-- 1级tab begin -->
        <div class="tab-lv1" id="meetingS3">
          <div class="hd-lv2">
            <div class="menu-lv2 on">大转盘</div>
            <div class="menu-lv2" id="ShakingOn">摇一摇</div>
          </div>
          <div class="swiper-container">
            <div class="tabs swiper-wrapper">
              <!-- 2级tab begin -->
              <div class="tab-lv2 swiper-slide">
                <div class="content" id="Rotate">
                  <div id="outerRotateWrap">
                    <div id="outerRotate">
                    </div>
                  </div>
                  <div id="innerRotateWrap">
                    <div id="innerRotate">
                    </div>
                  </div>
                  <div class="info">
                    <h1>中奖信息</h1>
                    <div class="info">
                      <p class="p1">
                        <span class="s1">恭喜您中了一等奖！</span>
                        <span class="s2">中奖号码为：</span>
                        <span class="s3">15800001234</span>
                      </p>
                    </div>
                    <h1>活动说明</h1>
                    <div class="detail">
                      <div class="line">
                        <p class="p1 cl-fl">活动时间：</p>
                        <p class="p2 cl-fl">2016年10月30日 9点</p>
                      </div>
                      <div class="line">
                        <div class="p1 cl-fl">活动时间：</div>
                        <div class="p2 cl-fl">
                          <p>2016年10月30日</p>
                          <p>2016年10月30日</p>
                          <p>2016年10月30日</p>
                          <p>2016年10月30日</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!-- 2级tab end -->
              <!-- 2级tab begin -->
              <div class="tab-lv2  swiper-slide">
                <div class="content" id="Shake">
                  <div id="outerShakeWrap">
                    <div id="outerShake">
                    </div>
                  </div>
                  <div id="innerShakeWrap">
                    <div id="innerShake">
                    </div>
                  </div>
                  <div class="info">
                    <h1>中奖信息</h1>
                    <div class="info">
                      <p class="p1">
                        <span class="s1">恭喜您中了一等奖！</span>
                        <span class="s2">中奖号码为：</span>
                        <span class="s3">15800001234</span>
                      </p>
                    </div>
                    <h1>活动说明</h1>
                    <div class="detail">
                      <div class="line">
                        <p class="p1 cl-fl">活动时间：</p>
                        <p class="p2 cl-fl">2016年10月30日 9点</p>
                      </div>
                      <div class="line">
                        <div class="p1 cl-fl">活动时间：</div>
                        <div class="p2 cl-fl">
                          <p>2016年10月30日</p>
                          <p>2016年10月30日</p>
                          <p>2016年10月30日</p>
                          <p>2016年10月30日</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!-- 2级tab end -->
            </div>
          </div>
        </div>
        <!-- 1级tab end -->
        <!-- 1级tab begin -->
        <div class="tab-lv1" id="meetingS4">
          <div class="hd-lv2">
          </div>
          <div class="swiper-container">
            <div class="tabs swiper-wrapper">
              <!-- 2级tab begin -->
              <div class="tab-lv2 swiper-slide">
                <div class="content paper-list">
                  <ul class="list" id="NewsList">
                    <li><a href="#">1.会议材料序号1</a></li>
                    <li><a href="#">2.会议材料序号2</a></li>
                    <li><a href="#">3.会议材料序号3</a></li>
                    <li><a href="#">4.会议材料序号4</a></li>
                    <li><a href="#">5.会议材料序号5</a></li>
                  </ul>
                </div>
              </div>
              <!-- 2级tab end -->
            </div>
          </div>
        </div>
        <!-- 1级tab end -->
      </div>
    </div>
  </div>
  <!-- sec2 end -->
  <audio id="audio">
    <source src="http://app.kunming.cn/wx_kmxxg/Public/game/yyy/yao.mp3" type="audio/mpeg">
    <source src="http://app.kunming.cn/wx_kmxxg/Public/game/yyy/yao.ogg" type="audio/ogg">
  </audio>
  <script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script>
  <script type="text/javascript" src="../js/layui.js"></script>
  <script>
  layui.config({
    base: '../js/' //你的模块目录
  }).use('phoneApp', function() {
    var myApp = layui.phoneApp;
    myApp.init();

  }); //加载入口
  </script>
</body>

</html>
